<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
<meta charset="utf-8" />
<title>京东后台</title>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="renderer" content="webkit|ie-comp|ie-stand" />
<meta name="description" content="" />
<meta name="author" content="" />
<link th:href="@{/css/bootstrap.css}" rel="stylesheet" />
<link th:href="@{/css/theme.css}" rel="stylesheet" />
<link th:href="@{/css/font-awesome.css}" rel="stylesheet" />
<script th:src="@{/js/jquery-1.8.0.js}"></script>
<script th:src="@{/js/bootstrap.js}"></script>
<!-- Demo page code -->

<style type="text/css">
#line-chart {
	height: 300px;
	width: 800px;
	margin: 0px auto;
	margin-top: 1em;
}

.brand {
	font-family: georgia, serif;
}

.brand .first {0
	color: #ccc;
	font-style: italic;
}

.brand .second {
	color: #fff;
	font-weight: bold;
}
.nav-list {
    padding-left: 65px;
    padding-right: 15px;
    margin-bottom: 0;
}
.nav-list > li > a{
    margin-left: -15px;
    margin-right: -15px;
}
</style>
</head>
<body class="">
	<!--<![endif]-->

	<div class="navbar">
		<div class="navbar-inner">			
			<ul class="nav pull-right">
				<li id="fat-menu" class="dropdown"><a href="#" role="button"
					class="dropdown-toggle" data-toggle="dropdown"> <i class=""></i><p th:inline="text" style="margin: 14px 0px 15px -16px;">[[${username}]]</p><i
						class=""></i>
				</a>
					<ul class="dropdown-menu">
						<!-- <li><a tabindex="-1" onclick="upPassword();">修改密码</a></li> -->
						<li class="divider"></li>
						<li><a tabindex="-1" class="visible-phone" href="#">Settings</a></li>
						<li class="divider visible-phone"></li>
						<li><a tabindex="-1" onclick="doLogout();">注销</a></li>
					</ul>
				</li>
			</ul>
			<span style="float:right;padding: 24px 0;color:#fff;"><img style="width:25px;margin-right:8px;" th:src="@{./image/czy.png}" alt="" /></span> 
			<a class="brand" href="main.html"><span class="first"></span> <img th:src="@{'./image/'+${logo}}" /></a>
		</div>
	</div>
	<div class="sidebar-nav">
	     <div>
		    <a href="#accounts-menu" class="nav-header collapsed" data-toggle="collapse">
		    	<img style="width:40px;margin-right:8px;" th:src="@{./image/dd.png}" alt="" />
		    	  订单管理<span class=""></span><i class="icon-chevron-up"></i>
		    </a>
		</div>
		<ul id="accounts-menu" class="nav nav-list collapse" name="dashboard">
			<li><a link-href="/order/showlist" style="height: 25px;"><img style="width:25px;margin-right:8px;" th:src="@{./image/ddlb.png}" alt="" /><font style="color: #fff">订单列表</font></a></li>
			<li><a link-href="/refund/showrefund" style="height: 25px;"><img style="width:25px;margin-right:8px;" th:src="@{./image/tklb.png}" alt="" />退款列表</a></li>
		<!-- 	<li><a href="sign-up.html">新增用户</a></li>
			<li><a href="reset-password.html">删除用户</a></li> -->
		</ul>
		
		<a href="#dashboard-menu" class="nav-header collapsed" data-toggle="collapse">
		   <img style="width:40px;margin-right:7px;" th:src="@{./image/cp.png}" alt="" />
		         产品管理<span class=""></span><i class="icon-chevron-up"></i></a>
		<ul id="dashboard-menu" class="nav nav-list collapse" name="dashboard">
			<li><a link-href="/product/showlist" style="height: 25px;"><img style="width:25px;margin-right:8px;" th:src="@{./image/cplb.png}" alt="" />产品列表</a></li>
		</ul>
		<a href="#dashboards-menu" class="nav-header collapsed" data-toggle="collapse">
		   <img style="width:40px;margin-right:7px;" th:src="@{./image/xstj.png}" alt="" />
		         销售统计管理<span class=""></span><i class="icon-chevron-up"></i></a>
		<ul id="dashboards-menu" class="nav nav-list collapse" name="dashboard">
			<li><a link-href="/ordersales/showlist" style="height: 25px;"><img style="width:25px;margin-right:8px;" th:src="@{./image/cpxstj.png}" alt="" />产品销售统计表</a></li>
			<li><a link-href="/dayandmonthsales/showlist" style="height: 25px;"><img style="width:25px;margin-right:8px;" th:src="@{./image/ryzxstj.png}" alt="" />日月周销售统计表</a></li>
		 	<li><a link-href="/regionalsales/showlist" style="height: 25px;"><img style="width:25px;margin-right:8px;" th:src="@{./image/qyxstj.png}" alt="" />区域销售统计表</a></li>
		</ul>
	</div>
	<div class="content">
		<div class="com-left">
			<iframe id="below-main" name="below-main" class="below-main" src="" marginheight="0" frameborder="0" width="99.9%" style="height: 840px;"></iframe>
		</div>
	</div>
	<script th:src="@{/js/layer/layer.js}"></script>
	<script th:inline="javascript">
		$("[rel=tooltip]").tooltip();
		$(function() {
			$('.demo-cancel-click').click(function() {
				return false;
			});
		});
		$("ul[name='dashboard'] a").click(function(){
		var url = [[${#httpServletRequest.getContextPath()}]]+$(this).attr("link-href");
		var username = [[${username}]];
		$("#below-main").attr("src", url);
		});
		
		//弹窗修改密码页面
		function upPassword(){
			var username = [[${username}]];
			var layerIndex = layer.open({
				type : 2,
				shade : [0.3,'#000'],
				fix : false,
				title : '修改密码',
				maxmin : true,
				Method : "POST",
				content : [[${#httpServletRequest.getContextPath()}]]+'/login/upUser?username='+username,
				area : [ '460px', '300px' ],
				end : function(index) {
				}
			});
		}
		
		//注销
		function doLogout(){
			layer.confirm("确认是否从系统中注销?", function(o) {
				window.location.href= [[${#httpServletRequest.getContextPath()}]]+'/cancelLogin';
				layer.close(o);
			});
		}
	</script>
</body>
</html>